<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0" />
    <title>通过shouldComponentUpdate生命周期提升组件性能</title>
</head>

<body>
    <div>
        <p>纯组件只能进行浅层比较，要进行深层比较，使用 shouldComponentUpdate,它用于编写自定义比较逻辑</p>
        <p>返回true 重新渲染组件，返回false 阻止重新渲染</p>
        <p>函数的第一个参数为 nextProps,第二个参数为nextSate</p>
        <p>需求：在页面中展示员工信息，员工信息包括姓名，年龄，职位，但是在页面中只想要展示姓名和年龄，也就是说只有姓名和年龄发生改变时才有必要重新渲染组件，如果员工的其他信息发生了变化没必要重新渲染组件</p>
    </div>
</body>

</html>